<%@ page language="java" contentType="text/html; charset=UTF-8" pageEncoding="UTF-8"%>
<%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core"%>
<%@ taglib prefix="fmt" uri="http://java.sun.com/jsp/jstl/fmt"%>
<!DOCTYPE html>
<html lang="zh-CN" style="height: 100%;">
<head>

<fmt:setBundle basename="ApplicationMessage" />


  <title>管理系统 - 登录</title>
  
  <%@ include file="/WEB-INF/include/meta.jsp"%>
  <%@ include file="/WEB-INF/include/css.jsp"%>
  
</head>

<body style="width: 100%; height: 100%; margin: 0px;" class="ihg-theme-draft">

  <div class="ihg-form-login">
    <div class="login-logo">
      <img src="${ctx.resource}/images/system-logo.png?v=0.1" style="width:640px;">
      <div style="position:absolute;right:5%;top:25%;color:#95855B;">
        <a href="${ctx.host}/login?locale=zh_CN" class="chinese" style="color:#fff;">中文&nbsp;|&nbsp;</a><a href="${ctx.host}/login?locale=en_US" class="english" style="color:#fff;">English</a>
      </div>
    </div>

    <form id="login-form" class="login-form clearfix"
      action="${ctx.host}/j_spring_security_check" method="POST"
      data-validate="true">

      <c:if test="${not empty errorMessage}">
        <div class="alert alert-danger">
          <i class="glyphicon glyphicon-remove"></i>&nbsp;&nbsp;
          <fmt:message key="${errorMessage}" />
        </div>
      </c:if>

      <div class="input-group input-group-lg">
        <span class="input-group-addon"><span class="glyphicon glyphicon-user" aria-hidden="true"></span></span> 
        <input type="text" class="form-control" placeholder="<fmt:message key="security.account.number" />" 
               name="j_username" value="" data-validate="required" />
      </div>

      <div class="input-group input-group-lg">
        <span class="input-group-addon"><span class="glyphicon glyphicon-lock" aria-hidden="true"></span></span> 
        <input type="password" class="form-control" placeholder="<fmt:message key="security.account.password" />"
               name="j_password" data-validate="required" />
      </div>
      
      <div class="form-inline clearfix">
        <label style="height: 34px; line-height: 34px; font-weight: 400; margin-bottom: 0;">
          <input type="checkbox" name="j_remember_me" style="width: 18px; height: 18px; vertical-align: text-bottom;">&nbsp;记住密码
        </label>
        
        <label style="margin-left: 10px; font-weight: 500;">
          <a tabindex="0" data-toggle="popover" data-placement="bottom" data-trigger="focus" role="button" data-content="请联系系统管理员进行处理，联系方式: 17621360181" 
             style="text-decoration: underline;" >忘记密码</a>
        </label>
        
        <button class="btn ihg-btn-blue  btn-shadow btn-shadow-ihg demo2do-btn pull-right" type="submit">
          <fmt:message key="security.account.login" />
        </button>
      </div>

    </form>
  </div>
  
  <script type="text/javascript" src="${ctx.resource}/js/vendor/jquery-1.11.0.min.js"></script>
  <script type="text/javascript" src="${ctx.resource}/js/app.js"></script>
  <script type="text/javascript" src="${ctx.resource}/js/vendor/bootstrap.js"></script>
  <script>
    $(function() {
      $('[data-toggle="popover"]').popover();
    })
  </script>
  
</body>
</html>